.register-index {
  ion-content {
    scroll-content {
      display: flex;
      flex-flow: column;
      .info {
        flex: 1;
        padding: 1rem;
      }
      .summary {
        text-align: center;
        .summary-inner {
            line-height: 4rem;
            font-size: 1.5rem;

            .number {
	            font-size: 2.5rem;
	            color: #27A0D7;
	        }
        }
      }
      .grid {
        padding: 0;
        .col {
          position: relative;
          float: left;
          padding: 0rem;
          border: 0;
          height: 100%;

          &.register {
            width: 30%;
            .img {
                background-image: url(../../assets/img/icon-register.png);
            }
          }
          &.countdown {
            width: 40%;
            .col-inner {
                width: 90% !important;
            }
            .img {
                background-image: url(../../assets/img/icon-countdown.png);
            }
          }
          &.bizcard {
            width: 30%;
            .img {
                background-image: url(../../assets/img/icon-card.png);
            }
          }

          &.border {
            border: 0.1rem solid #DADADA;
            border-left: 0;
            border-top: 0;
            border-bottom: 0;

            &:nth-child(3n) {
              border-right: 0;
            }
          }

          .col-inner {
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 50%;
            height: 50%;

            .img {
              margin: 0;
              height: 80%;
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
            }
            .space {
              height: 10%;
            }
            .text {
              text-align: center;
              @include media("<phone") {
                font-size: 1.2rem;
              }
              @include media(">=phone", "<tablet") {
                font-size: 1.8rem;
              }
              @include media(">=tablet") {
                font-size: 2.8rem;
              }
            }
          }
        }
      }
    }
  }
}

div {
  color: #387ef5;
  color: #32db64;
  color: #f53d3d;
  color: #f4f4f4;
  color: #222;
}
